#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
*{
  margin:0;padding:0;
}
ul,li,ol{list-style: none}
.center{text-align: center;}
.btn{
  padding:10px 40px;
  background: deepskyblue;
  color:#fff;
  border-radius: 5px;
  border:1px solid deepskyblue;
}

/*答问页面*/
  .mask{
    position: fixed;
    z-index:10;
    top:0;left:0;
    width:100%;height:100vh;
    background: rgba(0,0,0,.23);
  }
  .mask-content{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    background: #fff;
    padding:10px;
  }
  .center .mask-content .title{
    margin-top:40px;
    font-size:16px;
  }
  .mask-content .submit-btn{
    margin-top:40px;
  }
  .info{
    color:#05AD5A;
    margin-top:5vh;
  }
  .submit-btn{
    display: inline-block;
    border-radius: 5px;
    padding:10px 30px;
    background: #05AD5A;
    color:#fff;
    cursor: pointer;
  }
  .ask-box{
    margin-top:7vh;
  }
  .ask-box .ask-item{
    margin-top:5vh;
  }
  .ask-item  img{
    vertical-align: middle;
  }
  .ask-item .check{
    display: inline-block;
    width:30px;height:30px;
    border:1px solid #dedede;
    vertical-align: middle;
    cursor: pointer;
    margin-right:10px;
  }
  .ask-item .check img{
    width:30px;height:30px;
  }
/*奖品页面*/
.gift-box{
  width:calc(68vw - 5vw);
  margin:0 auto;
  position: fixed;
  top:50%;left:50%;
  transform: translate(-50%,-50%);
}
.flex{
  display: flex;
}
.between{
    justify-content: space-between;
 }
.flex .btn-box{
  width:60%;
}
  .flex .item{
    width:19%;
    font-size:20px;
    text-align: center;
  }
  .item+.item{
    margin-left:.7%;
  }
  .flex{
    height:22.543vh;
  }
  .flex.h2{
    height:18.543vh;
  }
  .flex .item{
    height:18.543vh;
  }
  .btn-box .btn-img{
    height:16.543vh;
  }